<!DOCTYPE html>
<html>
   <head>
   	  <meta charset="utf-8"/>
   	  <meta name="renderer" content="webkit" />
	  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>车辆管理系统</title>
      <link href="../../static/pubilc/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  	  <link href="../../static/css/style.css" rel="stylesheet">
		<!--[if lt IE 9]>
         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
         <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
      <![endif]-->
		
	</head>
	<body>
	<!--头部-->	
	<!--头部-->	
	<div class="header">
		<div class="container">
			<a href="index.html"><h3 class="fl">IC卡信息管理</h3></a>
			<p class="fr">欢迎你，<span>My-Left</span>&ensp;&ensp;&ensp;<a href="#">退出</a></p>
		</div>
	</div>		
	<div class="head"></div>
	<!--内容-->
	<div class="IC-card">
		<div class="container">
			<div class="details" >
				<div class="info">
					<ul>
						<li>	姓名：张三 </li>
						<li>	性别：男 </li>
						<li>	职业：货车司机 </li>
					</ul>
					<div class="text-right" style="margin-top: -34px;">
						<span class="btn btn-danger">没通过审核</span>
						<span class="btn btn-primary">提交审核</span>
					</div>
				</div>
				<div class="info">
					<div class="info-nav">
						<div class="nav-item active">车辆详细信息</div>
						<div class="nav-item">车辆证件详细信息</div>
					</div>
					<table class="table table-bordered">
	                    <tbody>
	                    	<tr>
								<th><span> 车牌颜色：</span> 黄色</th>
								<th><span> 车辆类别：</span> 货运</th>
								<th><span> 车辆牌号：</span> 川A 656656 </th>
							</tr>
							<tr>
								<th><span> 车辆类型：</span> 栏板车 </th>
								<th><span> 车身颜色：</span> 红色</th>
								<th><span> 技术等级：</span> B</th>
							</tr>
							<tr>
								<th><span> 车辆等级：</span> B级 </th>
								<th><span> 燃油级别：</span> 柴油 </th>
								<th><span> 厂牌型号：</span> c</th>
							</tr>
							<tr>
								<th><span> 长（毫米）：</span> 6666 </th>
								<th><span> 宽（毫米）：</span> 2222 </th>
								<th><span> 高（毫米）：</span> 5555 </th>
							</tr>
							<tr>
								<th><span> 总座位：</span> 5</th>
								<th><span> 核定座位：</span> 2</th>
								<th><span> 总吨位：</span> 1</th>
							</tr>
							<tr>
								<th><span> 核定吨位：</span> 10</th>
								<th><span> 行驶证注册日期：</span> 1999-01-20</th>
								<th><span> 发动机型号：</span> x5x5</th>
							</tr>
							<tr>
								<th><span> 车架号：</span> 55 </th>
								<th><span> 批准文号：</span> 4545</th>
								<th><span> 运营产值：</span> 444</th>
							</tr>
							<tr>
								<th><span> 运营性质：</span> 诗人 </th>
								<th><span> VIN吗：</span> 512155</th>
								<th><span> 北斗安装：</span> 是</th>
							</tr>
							<tr>
								<th><span> 行驶仪安装：</span> 浮动</th>
								<th><span> 尾气排放：</span> xx</th>
								<th><span> 购车发票号：</span> 5858</th>
							</tr>
							<tr>
								<th><span> 购车日期：</span> 9090950 </th>
								<th><span> 出厂日期：</span> 9090950</th>
								<th><span> 强制报废日：</span> 55520</th>
							</tr>
							<tr>
								<th><span> 生产厂家：</span> kk</th>
								<th><span> 报停天数：</span> 0</th>
								<th></th>
							</tr>
	                    </tbody>
	               </table>
					<div class="table ico hidden">
			        	<ul>
				            <li>
				               <img class="img-thumbnail" src="http://www.zbjuran.com/uploads/allimg/160923/14354BE4-0.jpg" alt="身份证" width="100%" height="100%"/>
								<p class="text-center">身份证正面</p>
				            </li>
				            <li>
								<img class="img-thumbnail" src="../../static/image/5M.png" alt="身份证" width="100%" height="100%"/>
								<p class="text-center">身份证正面</p>
							</li>
							<li>
								<img class="img-thumbnail" src="../../static/image/5M.png" alt="身份证" width="100%" height="100%"/>
								<p class="text-center">身份证正面</p>
							</li>
						</ul>
					</div>
				</div>
			</div>	
		</div>
	</div>
	<!--尾部-->
	<div class="footer">
		<p>加油卡管理，替换车辆，高峰期车辆管理，办理车辆税</p>
		<p>分析，开票控制，加油卡管理，替换车辆，高峰期车辆管理，办理车辆税</p>
	</div>	
	<script src="../../static/pubilc/bootstrap/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function(){
			$(".info-nav .nav-item").click(function(){
				$(this).parents('.info-nav').find('.nav-item').removeClass('active');
				$(this).addClass('active');
				$(this).parents('.info').find('.table').addClass('hidden');
				$(this).parents('.info').find('.table').eq($(this).index()).removeClass('hidden');
			})
		})
		
	</script>
	
	</body>
</html>